// 基础
// const Welcome = function () {
//   return <div>hello welcome</div>;
// };
// 对象点标记

const Qf = {
  Welcome() {
    return <div>hello Welcome</div>;
  },
};
const { Welcome } = Qf;
// 函数点标记
// const Qf = () => {
//   return <div>hello Qf</div>;
// };
// Qf.displayName = 'Qf';
// Qf.Welcome = () => {
//   return <div>hello Welcome</div>;
// };
// Qf.Welcome.displayName = 'Qf.Welcome';
// const { Welcome } = Qf;

const App = () => {
  // const Welcome = function () {
  //   return <div>hello welcome</div>;
  // };
  // const QF = {
  //   Welcome() {
  //     return <div>hello Welcome</div>;
  //   },
  // };

  return (
    <>
      {/* <Welcome></Welcome> */}
      {/* <QF.Welcome></QF.Welcome> */}
      {/* <Qf></Qf> */}
      <Qf.Welcome></Qf.Welcome>
      <Welcome></Welcome>
    </>
  );
};
export default App;
